<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>app首页</title>
    <link rel="stylesheet" href="font-family/iconfont.css">
    <link rel="stylesheet" href="../css/app/app_style.css">
</head>
<body>
<article class="app_index ">
    <div class="app_info bbs">
        <div class="m-lr">
            <div class="pull-left">
                <span class="text_theme app_info_day p-t-xs">廿四</span>
                <span class="app_info_date">
                    <p class="f16">五月 星期二</p>
                    <p>2016-06-28 </p>
                </span>
            </div>
            <div class="pull-right p-t-xs">
                <img src="images/cloudy@3x.png" alt="">
                    <span class="weather">
                        38~29°C
                    </span>
            </div>
        </div>
    </div>
    <div class="app_menu">
        <ul class="m-lr">
            <li><a href="#"><img src="images/08@3x.png" alt=""><br/>游戏娱乐</a></li>
            <li class="active"><a href="#"><img src="images/02@3x.png" alt=""><br/>黄历查询</a></li>
            <li><a href="#"><img src="images/03@3x.png" alt=""><br/>周公解梦</a></li>
            <li><a href="#"><img src="images/08@3x.png" alt=""><br/>家庭树</a></li>
        </ul>
    </div>

    <div class="app_myGenealogy m-t">
        <div class="app_module_title bbs">
            <div class="app_module_title_text p-l">
                我的家庭谱
            </div>
            <div class="app_module_title_more p-r">
                <a href="#"><img src="images/enter-icon@3x.png" alt="" class="enter_more"></a>
            </div>
        </div>
        <div class="myGenealogy m-lr">
            <div class="media p-t">
                <div class="media_left">
                    <img src="images/zupu.png" alt="" width="120">
                </div>
                <div class="media_right">
                    <h3 class="text_oneline fwn">长沙张氏十修族谱</h3>
                    <div class="m-t text_lg">
                        <p>人数：3952</p>
                        <p class="m-t-xs">摘要：《杨氏族谱》是代县陆村北宋抗辽名将杨业后裔编纂的一部家族史。</p>
                        <p class="m-t-xs">2016-07-29 创建</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="m-t">
        <div class="mes_tip">
            <img src="images/demo01.jpg" alt="" width="38" class="img-radius"> 999条新消息 <i class="icon iconfont icon-right text_lg"></i>
        </div>
    </div>

    <div class="m-t color_white">
        <div class="p-lr">
            <div class="">
                <div class="media p-tb">
                    <div class="media-left">
                        <a class="circle_head color_ochre circle_head_md"><img src="images/demo01.jpg" alt=""></a>
                    </div>
                    <div class="media-right text_lg f18 p-t-md">
                        记录我的家庭事件 <span class="pull-right"><i class="icon iconfont icon-camera f28"></i></span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="m-t">
        <div class="bbs color_white">
            <div class="rd_top p-lr">
                <div class="media p-t">
                    <div class="media-left">
                        <a class="circle_head color_ochre circle_head_md">杨勇</a>
                    </div>
                    <div class="media-right">
                        <h3 class="fwn m-t-xs text_blue">杨勇</h3>
                        <p class="m-t-xs">
                        <div class="pull-left text_lg place text_oneline"><i class="icon iconfont icon-location"></i>长沙市雨花区 20分钟前</div>
                        <div class="pull-right ">查看20次</div>
                        </p>
                    </div>
                </div>
            </div>
            <div class="rd_detail_c p-lr p-t p-b">
                <p class="f15">族谱网APP上线啦！庆祝！</p>
                <div class="rd_detail_img">
                    <ul class="list-line list-line-3">
                        <li><img src="images/demo01.jpg" alt="" class="img-responsive"></li>
                        <li><img src="images/demo01.jpg" alt="" class="img-responsive"></li>
                        <li><img src="images/demo01.jpg" alt="" class="img-responsive"></li>
                    </ul>
                </div>
                <div class="rd_option m-t">
                    <ul class="list-line list-line-3">
                        <li><i class="icon iconfont icon-like"></i> 赞</li>
                        <li class="text-center"><i class="icon iconfont icon-comment"></i> 评论</li>
                        <li class="text-right"><i class="icon iconfont icon-share"></i> 分享</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="bbs color_white">
            <div class="rd_top p-lr">
                <div class="media p-t">
                    <div class="media-left">
                        <a class="circle_head color_ochre circle_head_md">杨勇</a>
                    </div>
                    <div class="media-right">
                        <h3 class="fwn m-t-xs text_blue">杨勇</h3>
                        <p class="m-t-xs">
                            <div class="pull-left text_lg place text_oneline">20分钟前</div>
                            <div class="pull-right ">查看20次</div>
                        </p>
                    </div>
                </div>
            </div>
            <div class="rd_detail_c p-lr p-t p-b">
                <p class="f15">族谱网APP上线啦！庆祝！</p>
                <div class="rd_detail_img">
                    <ul class="list-line list-line-3">
                        <li><img src="images/demo01.jpg" alt="" class="img-responsive"></li>
                        <li><img src="images/demo01.jpg" alt="" class="img-responsive"></li>
                        <li><img src="images/demo01.jpg" alt="" class="img-responsive"></li>
                    </ul>
                </div>
                <div class="rd_option m-t">
                    <ul class="list-line list-line-3">
                        <li class="text_theme"><i class="icon iconfont icon-likefill"></i> 8</li>
                        <li class="text-center"><i class="icon iconfont icon-comment"></i> 2</li>
                        <li class="text-right"><i class="icon iconfont icon-share"></i> 分享</li>
                    </ul>
                </div>
                <div class="m-t p-sm color_gray">
                    <div class="text_blue">
                        <i class="icon iconfont icon-like"></i> 杨勇，姚青，刘明
                    </div>
                    <div class="m-t-xs">
                        <ul>
                            <li>
                                <a class="text_blue">杨勇</a><span class="text_lg">回复</span><a class="text_blue">杨青</a>：恭喜族谱网正式开业，恭喜族谱网
                                正式开业！
                            </li>
                            <li>
                                <a class="text_blue">杨青</a>：恭喜族谱网正式开业!
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="bbs color_white">
            <div class="rd_top p-lr">
                <div class="p-t f16">
                    <span class="news_tag">新闻</span> 中国联通与大连市政府签订合作框架协议
                </div>
                <div class="clearfix p-t-xs w">
                    <div class="pull-left text_lg place text_oneline">
                        <img src="images/demo01.jpg" alt="" class="circle_head" width="32px" height="32px">
                        <a class="text_blue" href="">杨勇</a>
                        2016-11-23
                    </div>
                    <div class="pull-right p-t-xs text_lg">阅读1200</div>
                </div>
            </div>
            <div class="rd_detail_c p-lr p-t p-b">
                <p class="f15">数据存储和大数据应用平台建设等“智慧城市”应用项目</p>
                <div class="rd_detail_img">
                    <ul class="list-line list-line-3">
                        <li><img src="images/demo01.jpg" alt="" class="img-responsive"></li>
                        <li><img src="images/demo01.jpg" alt="" class="img-responsive"></li>
                        <li><img src="images/demo01.jpg" alt="" class="img-responsive"></li>
                    </ul>
                </div>
                <div class="rd_option m-t">
                    <ul class="list-line list-line-3">
                        <li><i class="icon iconfont icon-like"></i> 赞</li>
                        <li class="text-center"><i class="icon iconfont icon-comment"></i> 评论</li>
                        <li class="text-right"><i class="icon iconfont icon-share"></i> 分享</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="p-tb text-center text_lg">
        没有更多了~
    </div>
</article>
</body>
</html>